<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<script type="text/javascript">

	$(document).ready(function() {
		var columnas;
	
	   	var resulTable = $('#resulTable').dataTable( {
		   	"oLanguage": {
				"sLengthMenu": "Mostrar _MENU_ resultados por p&aacute;gina",
				"sZeroRecords": "Ning&uacute;n registro encontrado",
				"sInfo": "Mostrando _START_ - _END_ de _TOTAL_ resultados",
				"sInfoEmpty": " ",
				"sInfoFiltered": "(Filtrando por _MAX_ total de registros)",
				"sSearch": "Filtro:",
				"oPaginate": {"sFirst": "Primera","sLast": "&Uacute;ltima","sNext": "Siguiente","sPrevious": "Anterior"}
			},
			"sPaginationType": "full_numbers",
			"bAutoWidth": false,
			"bFilter": false,
			"aoColumns": [	{"sWidth": "15%"},
							{"sWidth": "40%"},
							{"sWidth": "45%"}]
	    });
	    
	});
	    	
</script>

<div id="yui-main">
  <div class="yui-b">
    <div class="yui-gc">
      <div class="yui-u first">
        <div class="content">
        
        	<table id="resulTable" class="tablaResultados" cellpadding="0" cellspacing="0" border="0" width="98%" summary="En la siguiente tabla tenemos una lista de resultados">
        	
				<thead id="cabecera">
					<tr>
						<th></th>
						<th><spring:message code="home.resultados.titulo"/></th>
						<th><spring:message code="home.resultados.actores"/></th>
					</tr>          
				</thead>
				
				<tbody>
					<c:forEach items="${pelis}" var="peli" varStatus="status">
						<tr>
							<td>
								<!-- <img alt="" src="${peli.urlPortada}" /> -->  
							</td>
							<td>
								<a href="<c:url value='/action/home/detalle?titulo=${peli.titulo}' />">${peli.titulo}</a>
							</td>
							<td>
								<c:forEach items="${peli.actores}" var="actor" varStatus="status">	
									<a href="<c:url value='/action/home/buscarRelacionado?texto=${actor}' />">${actor}</a>
								</c:forEach>	
							</td>
						</tr>
					</c:forEach>									
				</tbody>                      
			</table>
        
        </div>
      </div>
      <div class="yui-u">
        <div class="content">
        	
        	<form action="${pageContext.request.contextPath}/action/home/buscarLocal" method="post">
        		<input type="submit" value="Busqueda Local"/>
        	</form>
        	
        	<form action="${pageContext.request.contextPath}/action/home/buscar" method="post">
        		<input type="text" name="busqueda" id="busqueda" />
        		<input type="submit" value="Busqueda Externa"/>
        	</form>
        	
        </div>
      </div>
    </div>
  </div>
</div>
<div class="yui-b">
  <div id="secondary">Secondary Column</div>
</div>
